<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> HIGH CAMERA DEBUG TOOLS </title>
<link rel="stylesheet" href="{{url_for('static',filename='./cvt_tool.css')}}" type="text/css">

</head>

<body>
    <div>
        <nobr>功能1： 转化格式问题图片 </nobr>
        <input type="text" value="输入需要转换的图片目录"  style="width: 260px" id="dir_for_convert">
        <input type="button" value="开始转换" id="trigger_cvt_pics">
        <nobr id="process_status">..</nobr>
    </div>
    <div>
        <nobr>功能2： 使用图片集合生成跟踪json，并得取证图片及结果 </nobr>

        <select id="btn_trace_type_select">
            <option value="trace_in">进车跟踪</option>
            <option value="trace_out">出车跟踪</option>
        </select>
        <input type="file" multiple="multiple" id="select_trace_files" value="选择跟踪图片">
        <input type="button" value="生成跟踪" id="btn_trigger_trace_from_imagefiles">
        <input type="text" id="trace_append_path" value="跟踪文件的路径">

    </div>
    <div>
        <nobr>功能3： 选择跟踪json，并得取证图片及结果 </nobr>
        <input type="file" multiple="multiple" id="select_json" value="选择跟踪json">
        <input type="button" value="生成跟踪" id="btn_trigger_trace_from_jsonfile">
        <nobr id="trace_result_from_jsonfile">..</nobr>
    </div>
    <canvas width="960" height="540" id="canvas">
        <span>亲，您的浏览器不支持canvas，换个浏览器试试吧！</span>
    </canvas>

    <script type="text/javascript" src="{{url_for('static',filename='./jquery.js')}}"></script>
    <script type="text/javascript" src="{{url_for('static',filename='./cvt_tool.js')}}"></script>
</body>

</html>
